<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index1.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <title>Document</title>
</head>
<body>
    <!-- 导航栏 -->
    <div class="nav">
        <a href="#">北京</a>
        <div class="search">
            <div class="content">
                <div class="search-icon"><img src="./icons/header_search.png" alt=""></div>
                <span>输入小区名称或商圈</span>
            </div>
        </div>
        <div class="news">
            <div class="pic"><img src="./icons/header_news.png" alt=""></div>
        </div>
    </div>
    <!-- banner -->
    <div class="banner">
        <div class="pic">
            <img src="./imgs/banner.png" alt="">
        </div>
    </div>
    <!-- 整租&合租 -->
    <div class="tenancy">
        <div class="left">
            <img src="./icons/nav_1.png" alt="">
        </div>
        <div class="right">
            <img src="./icons/nav_2.png" alt="">
        </div>
    </div>
    <!-- 超值特惠 -->
    <div class="preferential">
        <div class="preferential-top">
            <h4>超值特惠</h4>
            <a href="#"><img src="./icons/content_icon_next.png" alt=""></a>
        </div>
        <div class="preferential-botton">
            <div class="left">
                <div class="pic"><img src="./imgs/content_tu_home_left@2x.png" alt=""></div>
                <h4>宝石花园</h4>
                <p>朝阳区-2室1厅-90㎡</p>
                <p class="price">¥7800元/月</p>
            </div>
            <div class="right">
                <div class="pic"><img src="./imgs/content_tu_home_left@2x.png" alt=""></div>
                <h4>宝石花园</h4>
                <p>朝阳区-2室1厅-90㎡</p>
                <p class="price">¥7800元/月</p>
            </div>
        </div>
    </div>
     <!-- 广告 -->
    <div class="ad">
        <img src="./imgs/ggwei_home.png" alt="">
    </div>
    <!-- 推荐 -->
    <div class="sell">
        <div class="sell-top">
            <h4>为你推荐</h4>
            <div class="right">
                <a href="#" class="one">整租</a>
                <a href="#">合租</a>
            </div>
        </div>
        <div class="sell-botton">
            <ul>
                <li>
                    <div class="pic"><img src="./imgs/home_list_tu1@2x.png" alt=""></div>
                    <div class="right">
                        <h4>整租-保力家园7号院1号楼</h4>
                        <p>朝阳区｜2室1厅｜90㎡</p>
                        <p class="slh">距5号线立水站桥1200，13号线广西南合...</p>
                        <p><span class="one">独卫</span><span>含阳台</span></p>
                        <p class="ys">¥7800<i>元/月</i></p>
                    </div>
                </li>
                <li>
                    <div class="pic"><img src="./imgs/home_list_tu1@2x.png" alt=""></div>
                    <div class="right">
                        <h4>整租-保力家园7号院1号楼</h4>
                        <p>朝阳区｜2室1厅｜90㎡</p>
                        <p class="slh">距5号线立水站桥1200，13号线广西南合...</p>
                        <p><span class="one">独卫</span><span>含阳台</span></p>
                        <p class="ys">¥7800<i>元/月</i></p>
                    </div>
                </li>
                <li>
                    <div class="pic"><img src="./imgs/home_list_tu1@2x.png" alt=""></div>
                    <div class="right">
                        <h4>整租-保力家园7号院1号楼</h4>
                        <p>朝阳区｜2室1厅｜90㎡</p>
                        <p class="slh">距5号线立水站桥1200，13号线广西南合...</p>
                        <p><span class="one">独卫</span><span>含阳台</span></p>
                        <p class="ys">¥7800<i>元/月</i></p>
                    </div>
                </li>
                <li><div class="pic"><img src="./imgs/home_list_tu1@2x.png" alt=""></div>
                    <div class="right">
                        <h4>整租-保力家园7号院1号楼</h4>
                        <p>朝阳区｜2室1厅｜90㎡</p>
                        <p class="slh">距5号线立水站桥1200，13号线广西南合...</p>
                        <p><span class="one">独卫</span><span>含阳台</span></p>
                        <p class="ys">¥7800<i>元/月</i></p>
                    </div>
                </li>
                <li><div class="pic"><img src="./imgs/home_list_tu1@2x.png" alt=""></div>
                    <div class="right">
                        <h4>整租-保力家园7号院1号楼</h4>
                        <p>朝阳区｜2室1厅｜90㎡</p>
                        <p class="slh">距5号线立水站桥1200，13号线广西南合...</p>
                        <p><span class="one">独卫</span><span>含阳台</span></p>
                        <p class="ys">¥7800<i>元/月</i></p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 查看 -->
    <a href="" class="look">查看更多优质房源</a>
    <!-- 品牌故事 -->
    <div class="story">
        <a href="#"><img src="./imgs/gushirukou_home.png" alt=""></a>
    </div>
    <!-- 占位 -->
    <div class="box"></div>
    <!-- 底部区域 -->
    <div class="footer">
        <ul>
            <li >
                <a href="#" class="one">
                    <span class="iconfont icon-home"></span>
                    <div class="txt">首页</div>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="iconfont icon-search"></span>
                    <div class="txt">快速找房</div>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="iconfont icon-agent"></span>
                    <div class="txt">委托代理</div>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="iconfont icon-my"></span>
                    <div class="txt">我的</div>
                </a>
            </li>
        </ul>
    </div>
   
<script src="./js/flexible.js"></script>
</body>
</html>